// index.js
// 获取应用实例
// 导入request模块
import request from '../../utils/request'

Page({
  data: {
     // 轮播图
     looplist:[],
     // 美食列表
     foodlist:[]
  },
  // 增加变量 记录页数和总数据
 current:1,
 total:0,

 onReady() {
  // 从后端接口获取数据
  this.renderSwiper()
  // 将获取到的数据放入looplist
  // 从接口获取数据
  this.renderGoods()
},
renderSwiper(){
  request({
    url:"/recommends"
  }).then(res=>{
    console.log(res)
// 将数据放入looplist中
    this.setData({
      looplist:res
    })
  })
},
renderGoods(){
  // 通过接口获取手机列表前5条数据
  request({
    // 修改接口  页数是可以变化的
    url:`/todaylist?_page=${this.current}&_limit=5`
  }).then(res=>{
    // 访问成功后，将数据存入foodlist
    console.log(42,res)
    // 设置手机列表总长度
    this.total=Number(res.total)
    this.setData({
      // 获取数据后 在列表后面追加新数据
      // foodlist:res
      foodlist:[...this.data.foodlist,...res]
    })
  })
},

 /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    console.log("下拉刷新")
    // 一秒钟之后结束下拉刷新
    setTimeout(()=>{
      wx.stopPullDownRefresh() //停止下拉刷新
    },1000)
  },

    /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    console.log("到底了")
    // 上拉事件加载更多数据
    // 当goodlist的长度 大于等于 手机列表最大长度
    if(this.data.foodlist.length==this.total){
      // 如果所有的数据都获取到 停止请求接口
      return
    }
    // 翻页
    this.current++
    // 翻完页后再次获取到新的数据
    this.renderGoods()
  },

  handleEvent(){
    console.log("处理搜搜业务")
    // 点击跳转到搜索页面
    wx.navigateTo({
    url:'/pages/search/search',
    })
  },
 // 处理推荐点击事件
handleChangePage(e) {
  console.log(73,e)
  var id=e.currentTarget.dataset.id
  var name=e.currentTarget.dataset.name
  console.log(76,id,name)
  // 跳转到详情页面
  wx.navigateTo({
    // 指定跳转的页面
    url: `/pages/detail/detail?id=${id}&name=${name}`,
  })
}
})
